<!-- -->
<ion-content padding class="animated fadeIn login auth-page">
    <div class="login-content">

      <!-- Logo -->
      <div padding-horizontal text-center class="animated fadeInDown">
        <div class="logo"></div>
        <h2 ion-text class="text-primary">
          <strong>茂兰</strong>国家级自然保护区
        </h2>
      </div>

      <!-- Login form -->
      <form class="login-list-form">
        <ion-item>
          <ion-label floating>
            <ion-icon name="md-person" item-start class="text-primary"></ion-icon>
            用户名
          </ion-label>
          <ion-input name="username" type="text" [(ngModel)]="username"></ion-input>
        </ion-item>

        <ion-item>
          <ion-label floating>
            <ion-icon name="lock" item-start class="text-primary"></ion-icon>
            密码
          </ion-label>
          <ion-input name="password" type="password" [(ngModel)]="password"></ion-input>
        </ion-item>

        <!-- <ion-item no-lines>
    <label item-right>记住密码</label>
    <ion-toggle></ion-toggle>
  </ion-item> -->
      </form>

      <div style="margin-top: 4rem;">
        <button ion-button icon-start block color="thirdary" tappable (click)="login()">
          <ion-icon name="log-in"></ion-icon>
          登录
        </button>
      </div>



    </div>
  </ion-content>
